<template>
    <div class="div22">
        <van-dropdown-menu>
            <van-dropdown-item v-model="value1" :options="option1" />
        </van-dropdown-menu>
    </div>
</template>

<script>
    import { DropdownMenu, DropdownItem } from 'vant';

    export default {
        name: "SelectItem",
        components:{
            "van-dropdown-menu":DropdownMenu,
            "van-dropdown-item":DropdownItem
        },
        data(){
            return {
                value1: 0,
                option1: [
                    { text: '全部类型  ', value: 0 },
                    { text: '代金券', value: 1 },
                    { text: '微信代金券', value: 2 },
                ]
            }
        }

    }
</script>

<style scoped>

    .div22{
        margin-top: 20px;
        width: 90%;
        margin-left: 5%;
        margin-bottom: 10px;
    }
</style>
